<template>
	<!-- 首页搜索 -->
	<u-search
		v-model="searchWord"
		:placeholder="defaultSearchWord"
		:show-action="false"
		:disabled="disabled"
		@change="onChange"
		@focus="onFocus"
		@blur="onBlur"
		@search="onSearch"
		@click="onClick"
	>
	</u-search>
</template>

<script>
	export default {
		props:{
			// 是否启用输入框
			disabled: Boolean
		},
		data(){
			return {
				// 搜索值
				searchWord: '',
				// 默认搜索关键词
				defaultSearchWord: '',
				// 是否显示右侧“搜索”按钮
				showAction: false
			}
		},
		created() {
			// 获取默认搜索关键词
			this.$api.searchDefault().then(data => {
				this.defaultSearchWord = data.data.showKeyword;
			})
		},
		methods:{
			// 输入框内容发生变化是触发
			onChange(value){
				// 防抖处理 规定时间内，只触发一次
				this.$u.debounce(()=> {
					this.$emit('change',value);
				},500)
			},
			
			// 输入框获得焦点时触发
			onFocus(value){
				this.$emit("focus",value);
			},
			
			// 输入框失去焦点时触发
			onBlur(value){
				this.$emit("blur",value);
			},
			
			// 确定搜索时触发
			onSearch(value){
				this.$emit("search",value);
			},
			
			// 点击输入框，发出此事件，用于跳转搜索页  注：disabled=ture
			onClick(value){
				this.$emit('click',value);
			},
			setWord(value){
				this.searchWord = value;
			}
		},
		
		
	}
</script>

<style>
</style>
